<template>
	<view>
		<scroll-view :scroll-y="modalName==null" class="page" :class="modalName!=null?'show':''">
			<cu-custom bgColor="bg-gradual-blue" :isBack="true">
				<block slot="content">合同状态分类</block>
			</cu-custom>
			<view class="" style="padding-top: 100rpx;">
				 <qiun-data-charts 
				      type="pie"
				      :opts="opts"
				      :chartData="chartData"
				    />
			</view>
		
		</scroll-view>
	</view>

</template>

<script>
	import {ACCESS_TOKEN} from '@/common/util/constants.js'
	export default {
		components:{
		 },
		data() {
			return {
				modalName: null,
				chartData: {},
				//您可以通过修改 config-ucharts.js 文件中下标为 ['line'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				opts: {
					color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
					padding: [5,5,5,5],
					enableScroll: false,
					extra: {
					    pie: {
					    activeOpacity: 0.5,
					    activeRadius: 10,
					    offsetAngle: 0,
					    labelWidth: 15,
					    border: false,
					    borderWidth: 3,
					    borderColor: "#FFFFFF"
					    }
					}
				},
				listUrl:'/jmreport/show'
			}
		},
		methods: {
			getServerData(data) {
			        let res = {
			            series:[
							{
								data
							}
						] 
			          };
					  console.log(res);
			        this.chartData = JSON.parse(JSON.stringify(res));
			},
			getList(){
				let token = uni.getStorageSync(ACCESS_TOKEN);
				let params ={
					token,
					pageNo: 1,
					pageSize: 10,
				}
				this.$http.post(this.listUrl,
					{
						apiUrl:'',
						id:'867265594677219328',
						params : JSON.stringify(params)
					}
				).then(res=>{
						if(res.data.success){
							try{
								let list = res.data.result.dataList.HTYXZT.list
								let tempList = []
								list.forEach(item=>{
									let obj = {
										name : item.yxzt,
										value: Number(item['count(1)']),
									}
									tempList.push(obj)
								})
								console.log(tempList);
								this.getServerData(tempList);
							}catch(e){
								//TODO handle the exception
							}
							
						}
				})
			}
		},
		onLoad() {
			this.getList()
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background: #fff;
	}
</style>
